<template>
	<view class="addhouse_page">
		<option-state @change='changeActive' :active="active"></option-state>
		<view class="body">
			<view class="icon">
				<image src="../../../static/default/server_error.png" mode=""></image>
			</view>
			<view class="option_address" @click="navgitpage">
				请选择小区
				<!-- <u-icon name="arrow-right" color="#fff" class="icon"></u-icon> -->
			</view>
		</view>
		<u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>
	
	import OptionState from "@/pages/home/components/optionState.vue"
	
	export default {
		data() {
			return {
				active:  uni.getStorageSync('activeHouseState') || 0,
				option: ['合租', "整租"]
			}
		},
	  
		methods: {
			changeActive(index) {
	 
				this.active = index;
				uni.setStorageSync("activeHouseState", index)
			},
			navgitpage() {
				uni.navigateTo({
					// ./optionHouse/optionHouse
					url: './optionHouse/optionHouse',
					animationType: this.animation.type,
					animationDuration: this.animation.time
				})
			}
		},
		components: {
			"option-state" : OptionState
		}
	}
</script>

<style lang="scss" scoped>
	@import "@/styles/global.scss";
	@import "@/styles/index.scss";

	.addhouse_page {
		@include cover;
		@include boxSing;
		padding: 20rpx;

		background-color: $pagebgc;
		height: 100vh;
		width: 100vw;

	 

		.body {
			width: 100%;
			// text-align: center;

			.icon {
				width: 53%;
				height: 400rpx;
				margin: 0 auto;
				margin-bottom: 200rpx;

				image {
					width: 100%;
					height: 100%;
					filter: drop-shadow(rgb(204, 204, 209) 2px 2px 3px);
				}
			}

			.option_address {
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 5rpx;
				width: 36%;
				height: 50rpx;
				margin: 0 auto;
				overflow: hidden;
				border-radius: 20rpx;
				background-color: $theme;
				font-size: 35rpx;
				@include boxshadow;
				color: #fff;

				.icon {
					display: inline-block;
					margin-left: 20rpx;
					height: 30rpx;
					width: 40rpx;
				}
			}
		}

	}

 
</style>